<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>登录界面</title>
    <link rel="stylesheet" href="./css/style.css"/>
    <link rel="stylesheet" href="./css/body.css"/>
    <script src="../lib/jquery.js"></script>
    <script src="../lib/axios.js"></script>
</head>
<body>
<div class="container">
    <section id="content">
        <form>
            <h1>账号登录</h1>
            <div>
                <i class="close">X</i>
                <input type="text" placeholder="手机号" id="username" name="username"/>
            </div>
            <div>
                <i class="close">X</i>
                <input type="password" placeholder="密码" id="password" name="password"/>
            </div>
            <div>
                <input type="submit" value="登录" class="btn btn-primary" id="js-btn-login"/>
                <a href="">忘记密码?</a>
                <a href="../02-regbaseCode/reg.html">注册账号</a>
            </div>
        </form>
    </section>
</div>
<script>
    //ajax部分
    // $(function () {
    // 	$('form').on('submit', function (e) {
    // 		e.preventDefault()

    // 		const username = $('#username').val().trim()
    // 		const password = $('#password').val().trim()
    // 		// console.log(username,password)
    // 		const data = { username: username, password: password }
    // 		$.ajax({
    // 			type: 'post',
    // 			url: 'http://124.223.14.236:3001/api/user/login',
    // 			data: data,
    // 			success({ success, msg }) {
    // 				if (!success) {
    // 					return alert(msg)
    // 				}else{
    //           return alert(msg)
    //         }
    // 			},
    // 		})
    // 	})
    // })

    //axios部分
    axios.defaults.baseURL = 'http://124.223.14.236:3001/api'

    document.querySelector('form').addEventListener('submit', async function (e) {
        e.preventDefault()

        const username = document.querySelector('#username').value
        const password = document.querySelector('#password').value
        if (username.trim() !== '' && password.trim() !== '') {
            const {data: res} = await axios.post('/user/login', {
                username,
                password
            })
            console.log(res);
            if (!res.success) {
                return alert(res.msg)
            }
            alert('登录成功')
            localStorage.setItem('token', res.data.token)
        } else {
            return alert('手机号或用户名不能为空')
        }
    })
</script>
</body>
</html>
